.flex {
  display: flex;
}

.font-14 {
  font-size: 14px;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.font-13 {
  font-size: 13px;
}

.font-w-b {
  font-weight: bold;
}

.font-w-2 {
  font-weight: 200;
}

.font-w-4 {
  font-weight: 400;
}

.font-w-6 {
  font-weight: 600;
}

.font-w-8 {
  font-weight: 800;
}

div,
p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

#nav a.router-link-exact-active {
  color: #42b983;
}

body {
  color: #303133;
}


.color-green{
  color: #67C23A;
}
.color-blue{
  color: #409EFF;
}
.color-warn{
  color: #E6A23C;
}
.color-red{
  color: #F56C6C;
}
.color-info{
  color: #909399;
}

.color-black-0{
  color: #fff;
}
.color-black-1{
  color: #F2F6FC;
}
.color-black-2{
  color: #EBEEF5;
}
.color-black-3{
  color: #E4E7ED;
}
.color-black-4{
  color: #DCDFE6;
}
.color-black-5{
  color: #C0C4CC;
}
.color-black-6{
  color: #909399;
}
.color-black-7{
  color: #606266;
}
.color-black-8{
  color: #303133;
}
.color-black-9{
  color: #222;
}
.color-black-10{
  color: #000;
}

